<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Reference</title>
<link rel="author" title="Intel" href="http://www.intel.com">
<style>
  table { border-spacing: 0; padding: 0; border: none; }
  td { border: none; padding: 0; }
  td { width: 1.2em; height: 1.2em; }
</style>
<body>
<p>The following two matching (except the checkerboard at both ends to show where the rows are) rows of colors should change gradually from green at the left to blue at the right (through aqua in the middle).</p>
<table>
  <tr>
    <td style="background: black">&nbsp;</td>
    <td style="background: rgb(0, 255, 0)">&nbsp;</td>
    <td style="background: rgb(0, 255, 51)">&nbsp;</td>
    <td style="background: rgb(0, 255, 102)">&nbsp;</td>
    <td style="background: rgb(0, 255, 153)">&nbsp;</td>
    <td style="background: rgb(0, 255, 204)">&nbsp;</td>
    <td style="background: rgb(0, 255, 255)">&nbsp;</td>
    <td style="background: rgb(0, 204, 255)">&nbsp;</td>
    <td style="background: rgb(0, 153, 255)">&nbsp;</td>
    <td style="background: rgb(0, 102, 255)">&nbsp;</td>
    <td style="background: rgb(0, 51, 255)">&nbsp;</td>
    <td style="background: rgb(0, 0, 255)">&nbsp;</td>
    <td style="background: white">&nbsp;</td>
  </tr>
  <tr>
    <td style="background: white">&nbsp;</td>
    <td style="background: rgb(0, 255, 0)">&nbsp;</td>
    <td style="background: rgb(0, 255, 51)">&nbsp;</td>
    <td style="background: rgb(0, 255, 102)">&nbsp;</td>
    <td style="background: rgb(0, 255, 153)">&nbsp;</td>
    <td style="background: rgb(0, 255, 204)">&nbsp;</td>
    <td style="background: rgb(0, 255, 255)">&nbsp;</td>
    <td style="background: rgb(0, 204, 255)">&nbsp;</td>
    <td style="background: rgb(0, 153, 255)">&nbsp;</td>
    <td style="background: rgb(0, 102, 255)">&nbsp;</td>
    <td style="background: rgb(0, 51, 255)">&nbsp;</td>
    <td style="background: rgb(0, 0, 255)">&nbsp;</td>
    <td style="background: black">&nbsp;</td>
  </tr>
</table>
</body>
